@import (reference) "~weaver-mobile/dist/weaver-mobile.less";

@homePagePreFixCls: msg-setting-home;

.@{homePagePreFixCls} {
  &-modal {
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding-bottom: @button-height;

    .search-select {
      border-bottom: none;
    }

    .sync-button {
      padding: 16 * @hd;

      .am-button {
        border-radius: 3px;
        height: 36 * @hd;
      }
    }
  }

  &-modal-content {
    height: 100%;
    overflow-y: scroll;
    background-color: #fff;

    .am-list-body {
      .am-list-item {
        .am-list-line {
          margin-left: -15px;
          padding-left: 15px;
        }
      }
    }
  }

  &-subList {
    .smallFont {
      font-size: 12 * @hd;
      color: #999;
    }

    .am-list-body {
      .rightLink {
        color: #4D7AD8;
        font-size: 12 * @hd;
      }
    }
  }

  &-breadcrumb {
    display: flex;
    margin-top: 10 * @hd;
    padding: 0 10 * @hd;

    .back {
      width: 37 * @hd;
      height: 37 * @hd;
      line-height: 3.5;
      color: #BDBDC3;
      background: #F1F1F2;
      border-radius: 4px;
      border-radius: 4px;
      text-align: center;
    }

    .bread-nav {
      flex: 1;
      margin-left: 5 * @hd;
      position: relative;
      background: #F1F1F2;
      border-radius: 4px;
      border-radius: 4px;

      .icon {
        position: absolute;
        left: 7 * @hd;
        top: 9 * @hd;
        width: 18 * @hd;
        height: 18 * @hd;
        color: #BDBDC3;
        background: #F1F1F2;
      }
      .bread-icon {
        float: left;
      }

      select {
        -webkit-appearance: none;
        width: 90%;
        height: 37 * @hd;
        line-height: 1;
        background: #F1F1F2;
        // padding: 10 * @hd;
        margin-left: 30 * @hd;
        border: none;
        outline: none;
        color: #666;

        option {
          font-size: 14 * @hd;
          color: #666666;
          border: none;
        }

        option[selected="selected"] {
          font-size: 14 * @hd;
          color: #666666;
          border: none;
        }
      }
    }
  }

  &-batch-checkbox {
    margin-top: 2px;

    .am-list-body {
      border-bottom: none;

      .am-flexbox-item {
        .am-list-line {
          border-bottom: none;
        }
      }
    }

    .am-flexbox {
      margin-bottom: 10px;
      box-shadow: 0 2px 4px 1px #E2E2E2;
    }
  }

  &-topSearchBar {
    margin-top: 10 * @hd;
    padding: 0 10px;

    .am-search {
      height: 37 * @hd;
      background-color: @search-bar-fill;
      border-radius: 4px;
      border-radius: 4px;
    }

    .am-search-select-text {
      color: #666
    }

    .am-search-select {
      color: #666;
    }
  }
}
